<!DOCTYPE html>
<html lang="en">
<head>

    <script>window.onload = function(){
        setTimeout(f1,200);
    }</script>
    <script>
        var str="爱可以简简单单，但不能随随便便，我的微笑可以给任何人，但我的心只能给一个人。";
        var str1="不要问我为什么喜欢你，也不要问我会爱你多久，因为遇见你的时候，从来没想过会喜欢你，爱上你的时候，从没想过再爱别人。";
        var str2="如果你是山，我愿是小河，我绕你；如果你是茶叶我愿是开水，我泡你；如果你是云，我愿是风，我追你。";
        var str3="我爱月，爱它纯，爱它明，爱它圆。我爱你，爱你真，爱你善，爱你美。";
        var str4="你的眼睛真好看，不过没有我的好看，因为我的眼睛里都是你呀。";
        var str5="不要管什么星座配不配、和不和，我的星座就是为你量身而做。";
        var str6="我喜欢风，无拘无束，我喜欢星辰，安静明亮，我喜欢深海中的鲸，孤独澄净，我喜欢动漫，温暖心弦，我喜欢你，没有道理。";
        var str7="我喜欢你，就像春归花枝连里，不离不弃；我喜欢你，就像六月伏夏未雨，为你安宁；我喜欢你，就像秋叶流落晚亭，念你而行；我还是很喜欢你，就像冬与雪的生平，上天注定。";
        var str8="我多想在这个晴空暖阳下，陪你看花开倾城，陪你听潮起潮落，陪你欢喜，陪你微笑，就这样生生世世，尘埃落定。";
        var str9="我对你好，也可以对别人好，但是有些东西我只想给你，有些温暖的事情，我只想为你做，就算你不要，我也不舍得给别人。";
        var str10="在爱你这件事上，我从未打过折扣，在爱你的每一个日子里，都值得我郑重其事。";
        var str11="不要用谜样的话语打探我，不要用怀疑的眼神望着我，你该懂得我，也该信任我，我对你的爱今生不变。";
        var str12="一万年太长，和你在一起，只争朝夕。";
        var str13="江南水乡，纤细袅娜的枝条，是我与你温柔的缠绵；漠北河岸，莽莽苍苍的树林，是我对你不变的企盼，天涯海角，深深把你来用心爱。";
        var str14="你是我独家的记忆，你是我诗篇的绝句，你是我想要的甜蜜，你是我享受的性格，你是我情人节唯一想要的奇观，你是我生命终点的可贵回想。";
        var n=0;
        var bb=1;
        var ccc=0;
        var interval;
        let elementById;
        let elementById1;
        var ddd=0;
        var imgs=["img/love.jpeg","img/love1.jpeg","img/love2.jpeg","img/love3.png","img/love4.jpeg","img/love5.jpg","img/love6.jpeg"];
        var arr=new Array(str,str1,str2,str3,str4,str5,str6,str7,str8,str9,str10,str12,str11,str13,str14);
        var color=[
            "color: #bed742","color: #7fb80e","color: #6d8346","color: #cde6c7",
            "color: #007d65","color: #45b97c","color: #40835e","color: #ea66a6",
            "color: #50b7c1","color: #afdfe4","color: #7bbfea","color: #6f60aa"
        ];
        var number=0;
        function f() {
            switch (ccc) {
                case 1:elementById.style=color[0];
                    break;
                case 2:elementById.style=color[1];
                    break;
                case 3:elementById.style=color[2];
                    break;
                case 4:elementById.style=color[3];
                    break;
                case 5:elementById.style=color[4];
                    break;
                case 6:elementById.style=color[5];
                    break;
                case 7:elementById.style=color[6];
                    break;
                case 8:elementById.style=color[7];
                    break;
                case 9:elementById.style=color[8];
                    break;
                case 10:elementById.style=color[9];
                    break;
                case 11:elementById.style=color[10];
                    break;
                case 12:elementById.style=color[11];
                    break;

            }
            let s = new String(arr[ccc]).substring(0,n);
            if(arr[ccc].length+1>n){
                n+=1;
                elementById= document.getElementById("biaobai");
                elementById.innerHTML=s;
//background:url(img/love.jpeg) top center no-repeat
            }else {
                ccc+=1;
                 number= parseInt((Math.random())*10);
                if(number>7){
                    number=6;
                }
                    elementById1=document.getElementById("background");

                    elementById1.style="color:#f7acbc;background:url("+imgs[number]+") top center no-repeat";
                    if(imgs[number]==undefined){
                        elementById1.style="color:#f7acbc;background:url("+imgs[6]+") top center no-repeat";
                    }
                    ddd+1;
                n=0;
                if(ccc>=arr.length){
                    clearInterval(interval);
                }
            }
        }
        function f1() {
            interval= setInterval(f,200);
        }

    </script>

    <style>
        body {
            margin: 0;
            padding: 0;
            line-height: 1.5em;
            font-family: "Times New Roman", Times, serif;
            font-size: 60px;
        }
    </style>

    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body id="background" style="color:#f7acbc; background:url(img/love.jpeg) top center no-repeat">
<audio  loop="loop" autoplay="autoplay" src="raw/youdiantian.mp3" ></audio>
<div id="biaobai">
</div>
</body>
</html>